.background-card {
    width: 290px;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(59, 119, 188, 0.16);
    background-color: #ffffff;
    padding: 28px;
    text-align: left;
    display: inline-block
}

 .background-card {
        padding: 16px
    }

  .background-card {
        padding: 16px
    }

    .background-card.mobile-narrow {
        max-width: 350px;
        width: 80%
    }

    .background-card.mobile-short {
        height: 25vh
    }

    .background-card.mobile-medium {
        height: 370px
    }

    .background-card-no-shadow {
        width: 100%;
        height: auto;
        text-align: left;
        display: inline-block
    }

    .background-card-no-shadow.image-redirect {
        width: 100%;
        margin-top: 40px;
        background-repeat: no-repeat;
        background-size: 95%;
        background-position: center;
        background-image: url(/../images/qr/redirect.png)
    }

    .background-card-no-shadow.medium {
        height: 210px
    }

.flex-row-center {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.flex-sb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2px;
	margin-bottom: 2px
}

.flex-sb h6 {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: auto auto auto 0;
	padding: 0px
}

.flex-sb span {
	margin: auto 0 auto auto;
	padding: 0px
}

.row {
	width: 100%
}

.column {
	float: left;
	width: 50%
}

.row:after {
	content: "";
	display: table;
	clear: both
}

.header-amount-large {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #4a90e2;
	padding-bottom: 7px
}

.mt-larger {
	margin-top: 20px
}

@media (max-width: 1010px) {

	 .Hide, .upgrade, .laptop  {

        display: none;
    }
}


@media (min-width: 790px) {

    .Beast {

  
        margin-top: -15px;
        
    }
}

@media (min-width: 1010px) {

    .Beast {

  
        margin-top: -8px;
        
    }
}

@media (max-width: 1366px) {

    .confirm-btn {

        color: white;
        background-image: linear-gradient(#28a0e5, #015e94);
        visibility: visible !important;
        background-image: -webkit-linear-gradient(#28a0e5, #015e94);
        visibilige: -moz-linear-gradient(#28a0e5, #015e94);
        background-image: -ms-linear-gradient(#28a0e5, #015e94);
        background-image: -o-linear-gradient(#28a0e5, #015e94);
        background-image: -webkit-linear-gradient(#28a0e5, #015e94);
        background-image: -moz-linear-gradient(#28a0e5, #015e94);
        background-image: -ms-linear-gradient(#28a0e5, #015e94);
        background-image: -o-linear-gradient(#28a0e5, #015e94);
        border: 0;
        cursor: pointer;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 30px
    }
}

@media (max-width: 790px) {

    .Beast {

        position: absolute;
        cursor: pointer;
        margin-top: -50px;
        width: 80px;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        left: 0

    }
}

.hidden {
	display: none !important
}

.mw-60 {
	max-width: 60%
}

.subheader.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}

.info-text.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}
.subheader {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: normal;
	color: #44545c;
	font-size: 16px;
	padding-bottom: 3px
}

.subheader.brand-blue {
	color: #3b77bc
}

.subheader.blue {
	color: #3778c2
}

.subheader.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}

.subheader.footer-info {
	line-height: 1.5
}

.ml-8 {
	margin-left: 8px
}

.rule {
	width: 100%;
	border: 1px solid #c4d6eb;
	background-color: #c4d6eb;
	margin: 10px 0 10px 0
}